<template>
  <div class="massage">
    <el-button type="text">确 定</el-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }
    },
    methods: {
      //      open4() {
      //        this.$confirm('确认进行配置更新？', '提示', {
      //          cancelButtonClass: 'userCancel',
      //          confirmButtonClass: 'userConfirm',
      //          confirmButtonText: '确 定',
      //          cancelButtonText: '取 消',
      //          type: 'warning'
      //        }).then(() => {
      //          this.$message({
      //            type: 'success',
      //            message: '更新成功!'
      //          })
      //        }).catch(() => {
      //          this.$message({
      //            type: 'info',
      //            message: '已取消更新'
      //          })
      //        })
      //      }
    }
  }
</script>

<style>
  .massage{
    display: inline-block;
  }
  .massage > .el-button{
    padding: 6px 22px;
    color: #fff;
  }
  .el-message-box{
    width: 540px;
  }
  .el-message-box__header{
    background-color: #E3E6EE;
    padding: 10px 15px;
  }
  .el-message-box__title{
    font-size: 18px;
    font-weight: Bold;
    color: #323842;
  }
  .el-message-box__status{
    right: 247px;
    top: 65px;
    font-size: 48px !important;
  }
  .el-message-box__status.el-icon-warning{
    color: #FABA62;
  }
  .el-message-box__content{
    height: 182px;
  }
  .el-message-box__message p {
    margin: 0;
    font-size: 18px;
    color: #323842;
    padding-top: 96px;
    text-align: center;
  }
  .el-message-box__headerbtn{
    top: 9px;
    font-size: 18px;
  }
  .el-message-box__btns{
    padding: 10px 15px 7px ;
    border-top: 1px solid #e8eaf1;
  }
  .el-icon-delete{
    padding: 0;
    font-size: 20px;
    color: #d97159;
  }
  .el-icon-delete:hover{
    color: #d97159;
  }
  .el-icon-delete:focus{
    color: #d97159;
  }

</style>
